﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Customers
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<script type="text/javascript">
</script>

<h2>Customers</h2>

<a href="/Customer/Create" id="lnkCreate" mx-edit='{"target": "#customerListPanel", "action": "/Customer/CreateCustomer", "fields": ["Name"] }'>+new</a>

<table width="100%">
<tr valign="top"><td>
<div id="customerListPanel" mx-src="/Customer/List" mx-route='[{ "selector": ".details", "command": "mxPlugin.dynamic.retarget", "target": "#customerDetails"}]'></div>
</td>
<td><div id="customerDetails" title="Customer details" mx-route='[{"command": "mxPlugin.dynamic.dialog", "width": "360"}]'></div>
</td></tr>
<tr><td colspan="2">
<div id="result" mx-asyncResult="true"></div>
</td></tr>
</table>
<div id="dialog" mx-dialogTarget="true"></div>
</asp:Content>
